﻿[v-cloak] > * {
	display: none;
}

[v-cloak]::before {
	content: "loading...";
}

#buttonsArea button {
	height: 31px;
	line-height: 32px;
}

.mousePointer{
	cursor: pointer;
}

.shadow {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 998;
    background-color: #000;
    opacity: 0.6;
    display: none;
}
     
.addBox {
    z-index:999;
}
		
.mgn10 {
	margin: 10px;
}

.divider {
	margin-left: 10px;
}

.yzk_listitem {
    cursor: pointer;
}

/*在pc上显示半宽，否则高度太高了*/
/*如果设置videoPlayer为50%，那么pc端在视频加载的时候，页面会抖动，所以必须让playerContainer也把页面撑大*/
#playerContainer[_mediaType=audio]
{
	width: 100%;
}

.h_separator
{
	margin-top: 3px;
	margin-bottom: 3px;
}

.audioPlayer {
    width: 100%;
}

.videoPlayer
{
	width: 100%;
}

/*在竖屏设备（比如手机）上显示全宽*/
@media screen and (max-aspect-ratio: 1/1) {
	#playerContainer[_mediaType=video]
	{
		width: 100%;
		margin: auto;
	}
}

/*在横屏设备（比如PC）上显示全宽*/
@media screen and (min-aspect-ratio: 1/1) {
    #playerContainer[_mediaType=video] {
        width: 50%;
        margin: auto; /*居中*/
    }
}

.subtitle
{
	color: #10AEFF;
	padding: 5px;
	border-radius: 5px;
	background-color: #F1F3F4;
}